Why does using em font-sizes ruin line-height?

The line-height property defines the amount of space above and below inline elements. That is, elements that are set to display: inline or display: inline- ...

Defines the height of a single line of text. default line-height: normal ... line-height: 0.8em;. You can use em values: like with unitless values, the ...

The line-height CSS property sets the height of a line box in horizontal writing modes. In vertical writing modes, it sets the width of a line box. Try it · Syntax

line-height基本上僅需指定一個值，其撰寫方式像是這樣 line-height: 1;. line-height的作用是設定文字的行高，其中設定的值多以數值為主，使用關鍵字則是使用通用關鍵字， ...

The line-height CSS property defines the space between two inline elements. The typical use is, to space-out text.

line-height 有5 種屬性：normal、純數字、帶單位值、百分比、繼承。行高由line-height 決定，避免文字截斷需注意字型與行高設置。建議先理解box model，確保 ...

But there is the difference that when line-height is inherited, it is the pure number that gets inherited, not the computed value.

I set a font-size on my body element as 19px - then from there, I am using em for different kinds of things, but there is an issue and line-heights are ...

Simply put, an inherited unitless line-height will re-calculate against it's own font-size, and an inherited line-height of #em will not change.

Line-height is the space between lines of text and you just set them to suit the design and the size of the text.